<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>酷阅小说网</title>
    <link rel="stylesheet" href="../static/css/DetailsCss.css">

    <script>
        function catalog() {
            document.getElementById("Bottom_content").style.display = "none";
            document.getElementById("Bottom_content_1").style.display = "block";
        }

        function details() {
            document.getElementById("Bottom_content_1").style.display = "none";
            document.getElementById("Bottom_content").style.display = "block";
        }

        function button_color() {
            document.getElementById("button_1").style.backgroundColor = "white";
            document.getElementById("read").style.color = "black";
            document.getElementById("button_2").style.backgroundColor = "darkred";
            document.getElementById("insert").style.color = "white";
            document.getElementById("button_3").style.backgroundColor = "white";
            document.getElementById("vote").style.color = "black";
        }

        function button_color_1() {
            document.getElementById("button_1").style.backgroundColor = "white";
            document.getElementById("read").style.color = "black";
            document.getElementById("button_2").style.backgroundColor = "white";
            document.getElementById("insert").style.color = "black";
            document.getElementById("button_3").style.backgroundColor = "darkred";
            document.getElementById("vote").style.color = "white";
        }

        function button_color_2() {
            document.getElementById("button_1").style.backgroundColor = "darkred";
            document.getElementById("read").style.color = "white";
            document.getElementById("button_2").style.backgroundColor = "white";
            document.getElementById("insert").style.color = "black";
            document.getElementById("button_3").style.backgroundColor = "white";
            document.getElementById("vote").style.color = "black";
        }
    </script>
</head>
<body>
<div class="container">
    <header>
        <iframe src="/Header/" width="1200px" FrameBorder="0" height="135px"></iframe>
    </header>


    <section id="content">
        <aside id="left">
            <img src="../static/image/cover.png">
        </aside>
        <section id="middle">
            <span style="font-size: 30px">凡人修仙之仙界篇&nbsp&nbsp&nbsp&nbsp&nbsp</span>
            <span>忘语  著</span>
            <p></p>
            <div style="display:flex;">
                <div class="NovelType">
                    <div>连载</div>
                </div>
                <div class="NovelType">
                    <div>仙侠</div>
                </div>
                <div class="NovelType">
                    <div>神话修真</div>
                </div>
            </div>
            <div style="line-height: 50px">
                <span>修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！</span>
            </div>
            <div style="line-height: 10px;font-size: 18px">
                <span>
                    146.08万字
                </span>
            </div>
            <div style="display:flex;">
                <div id="button_1">
                    <div><a href="/Read/" style="text-decoration: none;"><p id="read" onclick="button_color_2()"
                                                                            style="cursor: pointer;">免费试读</p></a></div>
                </div>
                <div id="button_2">
                    <div id="insert" onclick="button_color()" style="cursor: pointer;">加入书架</div>
                </div>
                <div id="button_3">
                    <div id="vote" onclick="button_color_1()" style="cursor: pointer;">投推荐票</div>
                </div>
            </div>
        </section>
        <aside id="right">
            <span style="font-size: 50px">9.2</span>
            <p></p>
            <span style="color: grey;">3289人评价</span>
            <p></p>
            <span>我要评价</span>
            <p></p>
            <img src="../static/image/sc3.png">
        </aside>
    </section>

    <div id="Bottom_content">
        <section id="content1">
            <div>
                <aside id="left1" style="display:flex;">
                    <div class="button2">
                <span id="detail" onclick="details()" style="cursor: pointer;">
                    作品信息
                </span>
                    </div>
                    <div class="button2" style="width: 100px">
                <span id="catalog" onclick="catalog()" style="cursor: pointer;">
                    目录
                </span>
                    </div>
                    <div class="button2">
                        <a href="/Talk/">  <span>
                    作品讨论
                </span></a>
                    </div>
                </aside>

                <div style="margin-left: 45px"><img src="../static/image/line_1.png" width="400"></div>
                <div id="introduce">
                    <p>

                        　　凡人修仙，风云再起<br>　　时空穿梭，轮回逆转<br>　　金仙太乙，大罗道祖<br>　　三千大道，法则至尊<br>　　《凡人修仙传》仙界篇，一个韩立叱咤仙界的故事，一个凡人小子修仙的不灭传说。<br>　　特说明下，没有看过前传的书友，并不影响本书的阅读体验，但感兴趣的书友，也可以先去看看《凡人修仙传》，再来看本书哦。

                    </p>
                </div>
            </div>
            <div style="width: 180px;"></div>
            <div>
                <a href="/author_look/" style="text-decoration: none"><img src="../static/image/author.png">
                    <div id="AuthorName">
                        <div>
                            流浪的蛤蟆
                        </div>
                    </div>
                </a>
                <div id="AuthorInfo">
                    <div>
                        起点中文网大神作者，想象力丰富，文笔汪洋恣肆，行文天马行空，极富创造力，其代表作品《天鹏纵横》、《仙葫》等
                    </div>
                </div>
            </div>
        </section>


        <section id="content2">
            <div style="height: 250px">
                <aside id="left2">
                    <div class="like">
                <span>
                    喜欢这本书的人还喜欢
                </span>
                    </div>
                </aside>
                <div id="LikeImg">
                    <div>
                        <img src="../static/image/like.png">
                        <span style="display: block;">飞剑问道</span>
                    </div>
                    <div>
                        <img src="../static/image/like.png">
                        <span>飞剑问道</span>
                    </div>
                    <div>
                        <img src="../static/image/like.png">
                        <span>飞剑问道</span>
                    </div>
                    <div>
                        <img src="../static/image/like.png">
                        <span>飞剑问道</span>
                    </div>
                </div>
            </div>
            <div>
                <div id="Others">
                    <span>其他作品&nbsp&nbsp&nbsp&nbsp</span>
                    <span style="font-size: 12px;color: blue">更多>></span>
                    <div><img src="../static/image/otherimg.png"></div>
                    <div style="margin-left: 20px;font-size: 20px"><p style="color: red">
                        魔幻星际
                    </p></div>
                </div>
            </div>
        </section>


        <footer>
            <aside id="talk">
                <div id="TalkTitle"><a href="/Talk/">作品讨论区</a></div>
                <ul>
                    <li>
                        <img src="../static/image/line.png" width="750px">
                        <div style="display: flex">
                            <div id="userimg"><a><img src="../static/image/sc5.png"></a></div>
                            <div id="username">
                                <div><a><span>毒性哈密瓜&nbsp&nbsp&nbsp</span></a>
                                    <span style="color: grey">发表了帖子</span></div>
                                <p class="talkcontent"><a href="/TalkDetails/">天花乱坠，感动涕零，先生之才当受此赏！哈哈哈哈哈哈点我查看详情</a></p>
                                <div class="spanstyle">
                                    <span>31分钟前更新</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/huifu.png">51条回复</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/dianzan.png">20个赞</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../static/image/line.png" width="750px">
                        <div style="display: flex">
                            <div id="userimg"><a><img src="../static/image/sc5.png"></a></div>
                            <div id="username">
                                <div><a><span>毒性哈密瓜&nbsp&nbsp&nbsp</span></a>
                                    <span style="color: grey">发表了帖子</span></div>
                                <p class="talkcontent">天花乱坠，感动涕零，先生之才当受此赏！</p>
                                <div class="spanstyle">
                                    <span>31分钟前更新</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/huifu.png">51条回复</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/dianzan.png">20个赞</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../static/image/line.png" width="750px">
                        <div style="display: flex">
                            <div id="userimg"><a><img src="../static/image/sc5.png"></a></div>
                            <div id="username">
                                <div><a><span>毒性哈密瓜&nbsp&nbsp&nbsp</span></a>
                                    <span style="color: grey">发表了帖子</span></div>
                                <p class="talkcontent">天花乱坠，感动涕零，先生之才当受此赏！</p>
                                <div class="spanstyle">
                                    <span>31分钟前更新</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/huifu.png">51条回复</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/dianzan.png">20个赞</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../static/image/line.png" width="750px">
                        <div style="display: flex">
                            <div id="userimg"><a><img src="../static/image/sc5.png"></a></div>
                            <div id="username">
                                <div><a><span>毒性哈密瓜&nbsp&nbsp&nbsp</span></a>
                                    <span style="color: grey">发表了帖子</span></div>
                                <p class="talkcontent">天花乱坠，感动涕零，先生之才当受此赏！</p>
                                <div class="spanstyle">
                                    <span>31分钟前更新</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/huifu.png">51条回复</span>
                                    <span>&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                                    <span><img src="../static/image/dianzan.png">20个赞</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </aside>
            <aside>
                <div id="Recommend">
                    <span id="RecommendTitle">本周强推仙侠</span>
                    <ul>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                        <li>「神话修真] 冥河钧天</li>
                    </ul>
                </div>
            </aside>
        </footer>
    </div>


    <div id="Bottom_content_1" style="display: none">
        <aside id="left1_1" style="display:flex;">
            <div class="button2">
                <span onclick="details()" style="cursor: pointer;">
                    作品信息
                </span>
            </div>
            <div class="button2" style="width: 100px">
                <span onclick="catalog()" style="cursor: pointer;">
                    目录
                </span>
            </div>
            <div class="button2">
                <a href="/Talk/">  <span>
                    作品讨论
                </span></a>
            </div>
        </aside>
        <section id="Bottom_content_1_1">
            <img src="../static/image/line_1.png">
            <div id="chapter">
                <ul style="position: relative;float: left">
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                    <div class="chapter_name">
                        <li>第十三章 带刀老魁，背匣老黄</li>
                    </div>
                </ul>
            </div>
        </section>
    </div>
</div>
</body>
</html>



